<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- コンテナをロード -->
  <script type="text/javascript" src="../src/container.js" ></script>
</head>
<body>
  <div id="stdout"></div>
  <script type="text/javascript">
var stdout = document.getElementById( "stdout" );

// クラス
function Kitten( name ) { this.name = name; }
Kitten.prototype = {
   getName: function () { return this.name; }
};

var c = new container.Container( function( binder ) {
  // クラス指定
  binder.bind( Kitten ).to( "mii" ).inject( { "name": "mii" } );

  // オブジェクト指定
  binder.bindInstance( new Kitten( "tora" ) ).to( "tora" );

  // プロバイダ指定
  binder.bindProvider( function( container ){
      return new Kitten( "shiro" );
  } ).to( "shiro" );
});

stdout.innerHTML += c.get( "mii" ).getName() + "<br/>"; // mii
stdout.innerHTML += c.get( "tora" ).getName() + "<br/>"; // tora
stdout.innerHTML += c.get( "shiro" ).getName() + "<br/>"; // shiro

  </script>
</body>
</html>